<template>
    <el-scrollbar>
        <el-form :inline="true" :model="detailFrom" label-width="300px">
            <el-form-item label="工单归属区县">
                <el-input v-model="detailFrom.county" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="受理号码">
                <el-input v-if="isShowHide" v-model="serviceNumber" disabled style="width: 205px" />
                <el-input v-else v-model="detailFrom.serviceNumber" disabled style="width: 205px" />
                <b @click="showServiceNumber"
                    style="position:relative;width: 10px;height: 10px;margin-left: 10px;cursor: pointer;">
                    <img style="position: absolute;top: 0;left: 0;width: 100%;height: 100%;"
                        src="../../../../assets/icons//svg/eye-open.svg" alt="">
                </b>
            </el-form-item>
            <el-form-item label="投诉标准地址">
                <el-input v-model="detailFrom.complaintAddress" disabled style="width: 740px" />
            </el-form-item>
            <!-- 没有是否派测试单字段 -->
            <!-- <el-form-item label="是否派测试单">
                <el-input v-model="detailFrom.xxx" disabled style="width: 205px" />
            </el-form-item> -->
            <el-form-item label="问题原因分类">
                <el-input type="textarea" rows="3" v-model="detailFrom.problemReasonCategory" disabled
                    style="width: 740px" />
            </el-form-item>
            <el-form-item label="综合分析-补充说明">
                <el-input type="textarea" rows="3" v-model="detailFrom.analysisSupplementary" disabled
                    style="width: 740px" />
            </el-form-item>
            <el-form-item label="专家组处理-补充说明">
                <el-input type="textarea" rows="3" v-model="detailFrom.expertGroupSupplementary" disabled
                    style="width: 740px" />
            </el-form-item>
            <el-form-item label="综合分析-解决措施分类">
                <el-input type="textarea" rows="3" v-model="detailFrom.analysisSolutionCategory" disabled
                    style="width: 740px" />
            </el-form-item>
            <el-form-item label="专家组处理-解决措施分类">
                <el-input type="textarea" rows="3" v-model="detailFrom.expertGroupSolutionCategory" disabled
                    style="width: 740px" />
            </el-form-item>
            <!-- 没有解决措施跗加说明字段 -->
            <!-- <el-form-item label="解决措施跗加说明">
                <el-input v-model="detailFrom.xxx" disabled style="width: 205px" />
            </el-form-item> -->
            <el-form-item label="处理结果">
                <el-input type="textarea" rows="3" v-model="detailFrom.processingResult" disabled
                    style="width: 740px" />
            </el-form-item>
            <el-form-item label="延期-已答复客户">
                <el-input v-model="detailFrom.delayHasRepliedCustomer" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="报结-已答复客户">
                <el-input v-model="detailFrom.closureHasRepliedCustomer" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="报结意见">
                <el-input type="textarea" rows="3" v-model="detailFrom.closureOpinion" disabled style="width: 740px" />
            </el-form-item>
            <!-- 方案实施情况(附加报结信息) => 未找到该字段 -->
            <el-form-item label="综合分析-方案实施情况（当前处理进展）">
                <el-input type="textarea" rows="3" v-model="detailFrom.analysisImplementationStatus" disabled
                    style="width: 740px" />
            </el-form-item>
            <el-form-item label="处理过程">
                <el-input type="textarea" rows="3" v-model="detailFrom.processingProcess" disabled
                    style="width: 740px" />
            </el-form-item>
            <el-form-item label="专家组处理-问题原因分类">
                <el-input type="textarea" rows="3" v-model="detailFrom.expertGroupReasonCategory" disabled
                    style="width: 740px" />
            </el-form-item>
            <!-- <el-form-item label="专家组处理-方案实施情况（当前处理进展）">
                <el-input type="textarea" rows="3" v-model="detailFrom.expertGroupImplementationStatus" disabled
                    style="width: 740px" />
            </el-form-item>
            <el-form-item label="预期解决时间">
                <el-input v-model="detailFrom.expectedResolveTime" disabled style="width: 205px" />
            </el-form-item> -->

            <!-- 其他字段备用 -->
            <!-- <el-form-item label="投诉地市">
                <el-input v-model="detailFrom.city" disabled style="width: 205px" />
            </el-form-item>

            <el-form-item label="是否重复派单">
                <el-input v-model="detailFrom.isDuplicateDispatch" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="是否重复投诉">
                <el-input v-model="detailFrom.isDuplicateComplaint" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="投诉次数">
                <el-input v-model="detailFrom.complaintCount" disabled style="width: 205px" />
            </el-form-item>

            <el-form-item label="用户姓名">
                <el-input v-model="detailFrom.userName" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="投诉性质">
                <el-input v-model="detailFrom.complaintType" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="客户级别">
                <el-input v-model="detailFrom.customerLevel" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="全球通类型">
                <el-input v-model="detailFrom.globalType" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="派单时间">
                <el-input v-model="detailFrom.dispatchTime" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="投诉时间">
                <el-input v-model="detailFrom.complaintTime" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="故障时间">
                <el-input v-model="detailFrom.failureTime" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="要求回复时间">
                <el-input v-model="detailFrom.requiredResponseTime" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="投诉现象">
                <el-input v-model="detailFrom.complaintPhenomenon" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="紧急程度">
                <el-input v-model="detailFrom.emergencyLevel" disabled style="width: 205px" />
            </el-form-item>

            <el-form-item label="所属区域">
                <el-input v-model="detailFrom.belongingArea" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="咨询步骤">
                <el-input type="textarea" rows="6" v-model="detailFrom.consultationSteps" disabled
                    style="width: 740px;" />
            </el-form-item>
            <el-form-item label="投诉内容">
                <el-input type="textarea" rows="6" v-model="detailFrom.complaintContent" disabled
                    style="width: 740px" />
            </el-form-item>
            <el-form-item label="客服预处理情况">
                <el-input type="textarea" rows="3" v-model="detailFrom.customerServicePreprocessing" disabled
                    style="width: 740px" />
            </el-form-item>
            <el-form-item label="中途意见">
                <el-input type="textarea" rows="3" v-model="detailFrom.intermediateOpinions" disabled
                    style="width: 740px" />
            </el-form-item>
            <el-form-item label="催单信息">
                <el-input v-model="detailFrom.reminderInfo" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="工单唯一标识">
                <el-input v-model="detailFrom.orderId" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="剩余回复时间">
                <el-input v-model="detailFrom.remainingResponseTime" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="工单标题">
                <el-input type="textarea" rows="3" v-model="detailFrom.orderTitle" disabled style="width: 740px" />
            </el-form-item>
            <el-form-item label="工单来源">
                <el-input v-model="detailFrom.source" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="EOMS单号">
                <el-input v-model="detailFrom.eomsId" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="业务类别A">
                <el-input type="textarea" rows="3" v-model="detailFrom.businessCategoryA" disabled
                    style="width: 740px" />
            </el-form-item>
            <el-form-item label="客服流水号">
                <el-input v-model="detailFrom.serialNo" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="客服派单人工号">
                <el-input v-model="detailFrom.customerServiceDispatcherId" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="新客服流水号">
                <el-input v-model="detailFrom.newCustomerServiceSerialNo" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="统一编码">
                <el-input v-model="detailFrom.unifiedCode" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="是否测试">
                <el-input v-model="detailFrom.isTest" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="是否延期">
                <el-input v-model="detailFrom.isDelayed" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="是否打点成功">
                <el-input v-model="detailFrom.isCheckSuccess" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="工单归属地市">
                <el-input v-model="detailFrom.orderBelongCity" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="工单归属区县">
                <el-input v-model="detailFrom.orderBelongCounty" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="投诉标准地址">
                <el-input v-model="detailFrom.complaintStandardAddress" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="经度">
                <el-input v-model="detailFrom.longitude" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="纬度">
                <el-input v-model="detailFrom.latitude" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="所属栅格">
                <el-input v-model="detailFrom.belongingGrid" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="特别诉求">
                <el-input v-model="detailFrom.specialRequests" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="业务类别B">
                <el-input type="textarea" rows="3" v-model="detailFrom.businessCategoryB" disabled
                    style="width: 740px" />
            </el-form-item>
            <el-form-item label="网络制式">
                <el-input v-model="detailFrom.networkType" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="投诉业务">
                <el-input v-model="detailFrom.complaintBusiness" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="覆盖类型">
                <el-input v-model="detailFrom.coverageType" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="投诉点场景">
                <el-input v-model="detailFrom.complaintScenario" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="ARAN是否自动化解决">
                <el-input v-model="detailFrom.aranIsAutoResolved" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="客服落单质量">
                <el-input v-model="detailFrom.customerServiceOrderQuality" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="位置分析">
                <el-input type="textarea" rows="3" v-model="detailFrom.locationAnalysis" disabled
                    style="width: 740px" />
            </el-form-item>
            <el-form-item label="覆盖分析">
                <el-input type="textarea" rows="3" v-model="detailFrom.coverageAnalysis" disabled
                    style="width: 740px" />
            </el-form-item>
            <el-form-item label="设备告警">
                <el-input type="textarea" rows="3" v-model="detailFrom.equipmentAlarm" disabled style="width: 740px" />
            </el-form-item>
            <el-form-item label="性能告警">
                <el-input type="textarea" rows="3" v-model="detailFrom.performanceAlarm" disabled
                    style="width: 740px" />
            </el-form-item>
            <el-form-item label="参数修改">
                <el-input type="textarea" rows="3" v-model="detailFrom.parameterModification" disabled
                    style="width: 740px" />
            </el-form-item>
            <el-form-item label="工单聚类">
                <el-input type="textarea" rows="3" v-model="detailFrom.orderClustering" disabled style="width: 740px" />
            </el-form-item>
            <el-form-item label="信令分析">
                <el-input type="textarea" rows="3" v-model="detailFrom.signalingAnalysis" disabled
                    style="width: 740px" />
            </el-form-item>
            <el-form-item label="投诉主因">
                <el-input type="textarea" rows="3" v-model="detailFrom.mainComplaintReason" disabled
                    style="width: 740px" />
            </el-form-item>
            <el-form-item label="问题小区ID">
                <el-input v-model="detailFrom.problemCellId" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="问题小区名称">
                <el-input type="textarea" rows="3" v-model="detailFrom.problemCellName" disabled style="width: 740px" />
            </el-form-item>
            <el-form-item label="关联解决工单情况">
                <el-input v-model="detailFrom.relatedResolvedTickets" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="预计解决时间A">
                <el-input v-model="detailFrom.expectedResolveTimeA" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="综合分析-处理人">
                <el-input v-model="detailFrom.analysisHandler" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="综合分析-处理部门">
                <el-input v-model="detailFrom.analysisDepartment" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="综合分析-处理时间">
                <el-input v-model="detailFrom.analysisTime" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="综合分析-联系方式">
                <el-input v-model="detailFrom.analysisContact" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="综合分析是否派测试">
                <el-input v-model="detailFrom.analysisIsDispatchTest" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="综合分析-测试单类型">
                <el-input v-model="detailFrom.analysisTestType" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="综合分析-实际投诉地址">
                <el-input type="textarea" rows="3" v-model="detailFrom.analysisActualAddress" disabled
                    style="width: 740px" />
            </el-form-item>
            <el-form-item label="综合分析-实际投诉经度">
                <el-input v-model="detailFrom.analysisActualLongitude" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="综合分析-实际投诉纬度">
                <el-input v-model="detailFrom.analysisActualLatitude" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="综合分析-问题原因分类">
                <el-input type="textarea" rows="3" v-model="detailFrom.analysisReasonCategory" disabled
                    style="width: 740px" />
            </el-form-item>

            <el-form-item label="综合分析流转方式">
                <el-input type="textarea" rows="3" v-model="detailFrom.analysisTransferMethod" disabled
                    style="width: 740px" />
            </el-form-item>

            <el-form-item label="综合分析-方案附加说明（解决方案细项）">
                <el-input type="textarea" rows="3" v-model="detailFrom.analysisSolutionDetails" disabled
                    style="width: 740px" />
            </el-form-item>


            <el-form-item label="综合分析-无法解决原因">
                <el-input type="textarea" rows="3" v-model="detailFrom.analysisUnresolvedReason" disabled
                    style="width: 740px" />
            </el-form-item>
            <el-form-item label="退单原因分类">
                <el-input type="textarea" rows="3" v-model="detailFrom.returnReasonCategory" disabled
                    style="width: 740px" />
            </el-form-item>
            <el-form-item label="退单附加说明">
                <el-input type="textarea" rows="3" v-model="detailFrom.returnSupplementary" disabled
                    style="width: 740px" />
            </el-form-item>
            <el-form-item label="预期解决时间">
                <el-input v-model="detailFrom.expectedResolveTime" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="延期原因">
                <el-input type="textarea" rows="3" v-model="detailFrom.delayReason" disabled style="width: 740px" />
            </el-form-item>

            <el-form-item label="延期-客户认可情况">
                <el-input type="textarea" rows="3" v-model="detailFrom.delayCustomerAcceptance" disabled
                    style="width: 740px" />
            </el-form-item>
            <el-form-item label="已上门处理">
                <el-input v-model="detailFrom.hasOnsiteHandling" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="延期-上门处理人">
                <el-input v-model="detailFrom.delayOnsiteHandler" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="当前处理进展">
                <el-input type="textarea" rows="3" v-model="detailFrom.currentProcessingProgress" disabled
                    style="width: 740px" />
            </el-form-item>

            <el-form-item label="用户答复解决情况">
                <el-input type="textarea" rows="3" v-model="detailFrom.userReplyResolution" disabled
                    style="width: 740px" />
            </el-form-item>
            <el-form-item label="报结-客户认可情况">
                <el-input type="textarea" rows="3" v-model="detailFrom.closureCustomerAcceptance" disabled
                    style="width: 740px" />
            </el-form-item>
            <el-form-item label="上门处理">
                <el-input v-model="detailFrom.onsiteHandling" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="报结-上门处理人">
                <el-input v-model="detailFrom.closureOnsiteHandler" disabled style="width: 205px" />
            </el-form-item>

            <el-form-item label="附加报结信息">
                <el-input type="textarea" rows="3" v-model="detailFrom.additionalClosureInfo" disabled
                    style="width: 740px" />
            </el-form-item>
            
            <el-form-item label="专家组处理-处理人">
                <el-input v-model="detailFrom.expertGroupHandler" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="专家组处理-处理部门">
                <el-input v-model="detailFrom.expertGroupDepartment" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="专家组处理-处理时间">
                <el-input v-model="detailFrom.expertGroupTime" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="专家组处理-联系方式">
                <el-input v-model="detailFrom.expertGroupContact" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="专家组是否派测试">
                <el-input v-model="detailFrom.expertGroupIsDispatchTest" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="专家组处理-测试单类型">
                <el-input v-model="detailFrom.expertGroupTestType" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="实际投诉地址">
                <el-input type="textarea" rows="3" v-model="detailFrom.actualComplaintAddress" disabled
                    style="width: 740px" />
            </el-form-item>
            <el-form-item label="实际投诉经度">
                <el-input v-model="detailFrom.actualComplaintLongitude" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="实际投诉纬度">
                <el-input v-model="detailFrom.actualComplaintLatitude" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="专家组处理-问题原因分类">
                <el-input type="textarea" rows="3" v-model="detailFrom.expertGroupReasonCategory" disabled
                    style="width: 740px" />
            </el-form-item>

            <el-form-item label="专家组处理-处理结果">
                <el-input type="textarea" rows="3" v-model="detailFrom.expertGroupProcessingResult" disabled
                    style="width: 740px" />
            </el-form-item>
            <el-form-item label="专家组处理-无法解决原因">
                <el-input type="textarea" rows="3" v-model="detailFrom.expertGroupUnresolvedReason" disabled
                    style="width: 740px" />
            </el-form-item>

            <el-form-item label="专家组处理-方案附加说明（解决方案细项）">
                <el-input type="textarea" rows="3" v-model="detailFrom.expertGroupSolutionDetails" disabled
                    style="width: 740px" />
            </el-form-item>
            <el-form-item label="专家组处理-方案实施情况（当前处理进展）">
                <el-input type="textarea" rows="3" v-model="detailFrom.expertGroupImplementationStatus" disabled
                    style="width: 740px" />
            </el-form-item>
            <el-form-item label="流转方式">
                <el-input type="textarea" rows="3" v-model="detailFrom.transferMethod" disabled style="width: 740px" />
            </el-form-item>
            <el-form-item label="质检-处理人">
                <el-input v-model="detailFrom.qualityCheckHandler" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="质检-处理部门">
                <el-input v-model="detailFrom.qualityCheckDepartment" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="质检-处理时间">
                <el-input v-model="detailFrom.qualityCheckTime" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="质检-联系方式">
                <el-input v-model="detailFrom.qualityCheckContact" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="自动质检结果">
                <el-input type="textarea" rows="3" v-model="detailFrom.autoQualityCheckResult" disabled
                    style="width: 740px" />
            </el-form-item>
            <el-form-item label="自动质检意见">
                <el-input type="textarea" rows="3" v-model="detailFrom.autoQualityCheckOpinion" disabled
                    style="width: 740px" />
            </el-form-item>
            <el-form-item label="自动质检说明">
                <el-input type="textarea" rows="3" v-model="detailFrom.autoQualityCheckExplanation" disabled
                    style="width: 740px" />
            </el-form-item>
            <el-form-item label="质检结果">
                <el-input type="textarea" rows="3" v-model="detailFrom.qualityCheckResult" disabled
                    style="width: 740px" />
            </el-form-item>
            <el-form-item label="质检不合格原因">
                <el-input type="textarea" rows="3" v-model="detailFrom.qualityCheckFailureReason" disabled
                    style="width: 740px" />
            </el-form-item>
            <el-form-item label="质检附加说明">
                <el-input type="textarea" rows="3" v-model="detailFrom.qualityCheckSupplementary" disabled
                    style="width: 740px" />
            </el-form-item>
            <el-form-item label="工单当前状态">
                <el-input v-model="detailFrom.orderCurrentState" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="子工单状态">
                <el-input v-model="detailFrom.subOrderState" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="待认领班组">
                <el-input type="textarea" rows="3" v-model="detailFrom.pendingClaimTeam" disabled
                    style="width: 740px" />
            </el-form-item>
            <el-form-item label="督办类型">
                <el-input v-model="detailFrom.supervisionType" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="更新时间">
                <el-input v-model="detailFrom.upStringTime" disabled style="width: 205px" />
            </el-form-item>

            <el-form-item label="解决情况">
                <el-input type="textarea" rows="3" v-model="detailFrom.resolutionStatus" disabled
                    style="width: 740px" />
            </el-form-item>
            <el-form-item label="是否解决">
                <el-input v-model="detailFrom.isResolved" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="阶段处理情况">
                <el-input type="textarea" rows="3" v-model="detailFrom.stageProcessingStatus" disabled
                    style="width: 740px" />
            </el-form-item>
            <el-form-item label="未解决原因">
                <el-input type="textarea" rows="3" v-model="detailFrom.unresolvedReason" disabled
                    style="width: 740px" />
            </el-form-item>
            <el-form-item label="预计解决时间B">
                <el-input v-model="detailFrom.expectedResolveTimeB" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="解决方案">
                <el-input type="textarea" rows="3" v-model="detailFrom.solution" disabled style="width: 740px" />
            </el-form-item>
            <el-form-item label="方案附加说明">
                <el-input type="textarea" rows="3" v-model="detailFrom.solutionSupplementary" disabled
                    style="width: 740px" />
            </el-form-item>
            <el-form-item label="报结信息">
                <el-input type="textarea" rows="3" v-model="detailFrom.closureInfo" disabled style="width: 740px" />
            </el-form-item>
            <el-form-item label="当前处理人">
                <el-input v-model="detailFrom.currentHandler" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="是否超时">
                <el-input v-model="detailFrom.isOverTime" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="剩余时间">
                <el-input v-model="detailFrom.remainingTime" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="客户投诉工单号">
                <el-input v-model="detailFrom.customerComplaintOrderNo" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="测试子状态">
                <el-input v-model="detailFrom.testSubStatus" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="测试工单号">
                <el-input v-model="detailFrom.testOrderNo" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="业务">
                <el-input v-model="detailFrom.business" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="综合分析认领时间">
                <el-input v-model="detailFrom.analysisClaimTime" disabled style="width: 205px" />
            </el-form-item>
            <el-form-item label="楼层">
                <el-input v-model="detailFrom.floor" disabled style="width: 205px" />
            </el-form-item> -->
        </el-form>
    </el-scrollbar>
</template>

<script setup>
import { ref, toRefs, toRef, reactive, computed, defineProps } from 'vue'

const props = defineProps({
    detailFrom: {
        type: Object,
        default: () => { },
    }
})

let serviceNumber = ref(props.detailFrom.serviceNumber.slice(0, 3) + '****' + props.detailFrom.serviceNumber.slice(-4));

let isShowHide = ref(true);

const showServiceNumber = () => {
    isShowHide.value = !isShowHide.value;
}

</script>

<style lang="scss" scoped></style>